<?xml version="1.0" encoding="UTF-8"?><d:tdl xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.backbase.com/2006/btl" xmlns:bb="http://www.backbase.com/2006/client"  xmlns:d="http://www.backbase.com/2006/tdl" >

	<d:namespace name="http://www.backbase.com/2006/btl">

		<d:uses element="element" src="../element/element.xml"/>

		<d:element name="iconElement" extends="b:element" abstract="true">
			
			<d:attribute name="icon">
				
				<d:mapper type="text/javascript"><![CDATA[
					// the element that will get the icon is the element that has the btl-label CSS class
					var oLabel = this.getProperty('iconElement');

					if(oLabel){
						var sOld = this._.__sOldIconClass;

						if(value){
							bb.html.addClass(oLabel, ['btl-icon', value]);
							this._.__sOldIconClass = value;
						} else {
							bb.html.removeClass(oLabel, 'btl-icon');
							this._.__sOldIconClass = null;
						}
						if(sOld){
							bb.html.removeClass(oLabel, sOld);
						}
					}
				]]></d:mapper>
			</d:attribute>

			<d:property name="iconElement">
				
				<d:getter type="text/javascript"><![CDATA[
					return bb.selector.query(this.viewNode, '.btl-label');;
				]]></d:getter>
			</d:property>
		</d:element>
	</d:namespace>
</d:tdl>